a, a:hover, a:after{color:#fff;}

/*background*/
/*hero enterance button*/
/*mark color*/
/*title*/
.slogon img
	{height:24px;
	 display:inline-block;}
	 
.hero-video
	{height:60px;
	 width:240px;
	 border-radius:50px;
	 transform: translate(-10px, 40px);
	 display:grid;
	 place-items:center;
	}

@media (min-width: 0px) {
.hero{height:100vh;}
.hero{background-image: url("../img/pic/hero_mobile.jpg");
	  background-repeat: no-repeat;
  	  background-size: 100%;
	  background-position: center bottom;
	  background-color:#000;
	 }
.hero-in{margin:auto;
	     height:100%;
		 width:80%;
		 align-items:center;
		 display:grid;
		 }




.slogon{transform: translateY(-120px);}


.hero-slogon-text-main, .hero-slogon-text-sub, .hero-video p
	{color:#fff;}
.hero-slogon-text-main
	{font-size:32px;
	 font-weight:550;
	 margin-bottom:20px;
	}
.hero-slogon-text-sub,
.hero-video p
	{font-size:24px;}

}
@media (min-width: 576px) {}
@media (min-width: 768px) {
.slogon{transform: translateY(-320px);}
}
@media (min-width: 992px) {
.hero{height:110vh;}
.hero{background-image: url("../img/pic/hero.jpg");
	  background-size: cover;
	 }
}
@media (min-width: 1200px) {
.slogon
	{height:200px;
	 width:50%;
	}
.slogon{transform: translateY(20px);}
.hero-slogon-text-main
	{font-size:40px;}
.hero-slogon-text-sub
	{font-size:32px;}
}
@media (min-width: 1400px) {}